<template>
	<div class="container">
		<div>
		</div>

		<div class="imgBox">
			<img class="banImg" :src="detailUrl" />
		</div>
	</div>
</template>

<script>
	export default {
		components: {},
		props: {},
		data() {
			return {
				detailUrl: '', //弹窗轮播图数组
			};
		},
		created() {
			this.detailUrl = this.$storage.getStore("bannerDetail")
			console.log(this.detailUrl)
		},
		activated() {

		},
		mounted() {},
		watch: {},
		computed: {},
		methods: {},
	};
</script>
<style lang="scss" scoped>
	.container {
		display: flex;
		width: 100vw;
		// height: 100vh;
		flex-direction: column;

		.imgBox {
			flex: 1;
			background: #ffffff;
			overflow: hidden;

			.banImg {
				display: block;
				width: 100%;
				height: 100%;
			}
		}
	}
</style>